<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Basic -->
        <meta charset="utf-8">
        <title>SportsCup - Responsive, Bootstrap 3, HTML5 Soccer And Sports Template</title>
        <meta name="keywords" content="HTML5 Template" />
        <meta name="description" content="World Cup - Responsive HTML5 Template soccer and sports">
        <meta name="author" content="iwthemes.com">  

        <!-- Mobile Metas -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Theme CSS -->
        <link href="css/style.css" rel="stylesheet" media="screen">
        <!-- Responsive CSS -->
        <link href="css/theme-responsive.css" rel="stylesheet" media="screen">
        <!-- Skins Theme -->
        <link href="#" rel="stylesheet" media="screen" class="skin">

        <!-- Favicons -->
        <link rel="shortcut icon" href="img/icons/favicon.ico">
        <link rel="apple-touch-icon" href="img/icons/apple-touch-icon.png">
        <link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-touch-icon-114x114.png">  

        <!-- Head Libs -->
        <script src="js/modernizr.js"></script>

        <!--[if IE]>
            <link rel="stylesheet" href="css/ie/ie.css">
        <![endif]-->

        <!--[if lte IE 8]>
            <script src="js/responsive/html5shiv.js"></script>
            <script src="js/responsive/respond.js"></script>
        <![endif]-->

        <!-- Skins Changer-->
        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    </head>

    <body>
       <!-- Theme-options -->
        <div id="theme-options">
            <div class="openclose"></div>
            <div class="title">
               <span>THEME OPTIONS</span>
               <p>Choose a combination of predefined colors here. Here are some examples. You can create any additional number on your backend theme, also can choose the background you want and four differents layouts.</p>
            </div>
            <span>SKINS</span>
            <ul id="colorchanger">      
                <li><a class="colorbox red" href="club-teams0e99.html?theme=red" title="Red Skin"></a></li>
                <li><a class="colorbox blue" href="club-teamsca00.html?theme=blue" title="Blue Skin"></a></li>                    
                <li><a class="colorbox yellow" href="club-teams2746.html?theme=yellow" title="Yellow Skin"></a></li>
                <li><a class="colorbox green" href="club-teamsaf91.html?theme=green" title="Green Skin"></a></li>
                <li><a class="colorbox orange" href="club-teamsceb0.html?theme=orange" title="Orange Skin"></a></li>
                <li><a class="colorbox purple" href="club-teams938c.html?theme=purple" title="Purple Skin"></a></li>
                <li><a class="colorbox pink" href="club-teamsa820.html?theme=pink" title="Pink Skin"></a></li>
                <li><a class="colorbox cocoa" href="club-teams6788.html?theme=cocoa" title="Cocoa Skin"></a></li>
            </ul>
            <span>LAYOUT STYLE</span>
            <ul class="layout-style">      
                <li class="wide">Wide</li>
                <li class="semiboxed active">Semiboxed</li> 
                <li class="boxed">Boxed</li> 
                <li class="boxed-margin">Boxed Margin</li>               
            </ul>               
            <div class="patterns">
                <span>BACKGROUND PATTERNS</span>
                <ul class="backgrounds">
                    <li class="bgnone" title="None - Default"></li>
                    <li class="bg1"></li>
                    <li class="bg2"></li>
                    <li class="bg3"></li>
                    <li class="bg4 "></li>
                    <li class="bg5"></li> 
                    <li class="bg6"></li>
                    <li class="bg7"></li>
                    <li class="bg8"></li>
                    <li class="bg9 "></li>
                    <li class="bg10"></li> 
                    <li class="bg11"></li> 
                    <li class="bg12"></li> 
                    <li class="bg13"></li> 
                    <li class="bg14"></li> 
                    <li class="bg15"></li> 
                    <li class="bg16"></li> 
                    <li class="bg17"></li> 
                    <li class="bg18"></li> 
                    <li class="bg19"></li> 
                    <li class="bg20"></li> 
                    <li class="bg21"></li> 
                    <li class="bg22"></li> 
                    <li class="bg23"></li> 
                    <li class="bg24"></li> 
                    <li class="bg25"></li> 
                    <li class="bg26"></li>                   
                </ul>  
            </div>
        </div>
        <!-- End Theme-options -->      

        <!-- layout-->
        <div id="layout">
            <!-- Header-->
            <header>
                <!-- End headerbox-->
                <div class="headerbox">
                    <div class="container">
                        <div class="row">
                            <!-- Logo-->
                            <div class="col-md-3 logo">
                                <a href="index-2.html" title="Return Home">                            
                                    <img src="img/logo.png" alt="Logo" class="logo_img">
                                </a>
                            </div>
                            <!-- End Logo-->

                            <!-- Adds Header-->
                            <div class="col-md-9 adds">
                                <a href="http://themeforest.net/user/iwthemes/portfolio?ref=iwthemes" target="_blank">
                                    <img src="img/adds/banner.jpg" alt="" class="img-responsive">
                                </a>
                            </div>
                            <!-- End Adds Header-->
                        </div>
                    </div>
                </div>
                <!-- End headerbox-->  

                <!-- mainmenu-->
                <nav class="mainmenu">
                    <div class="container">
                        <!-- Menu-->
                        <ul class="sf-menu" id="menu">
                            <li class="selected">
                                <a href="index-2.html">Home</a>
                            </li>                                
                            <li class="current">
                                <a href="about.html">About</a>
                                <ul class="sub-current">
                                    <li>
                                        <a href="about.html">About Us</a>
                                    </li>
                                    <li>
                                        <a href="events.html">Events</a>
                                    </li>
                                    <li>
                                        <a href="club-teams.html">Club Teams</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="sports.html">Sports</a>
                                <div class="sf-mega">
                                    <div class="col-md-3">
                                        <h4>Sports Navigation</h4>
                                        <ul>                                                
                                            <li><a href="sports.html">Football Soccer</a></li>
                                            <li><a href="sports.html">Motocross</a></li>
                                            <li><a href="sports.html">Bmx</a></li>
                                            <li><a href="sports.html">Skater</a></li>
                                        </ul>
                                    </div>

                                    <div class="col-md-3">
                                      <h4>Club Teams</h4>
                                      <div class="img-hover">
                                         <img src="img/blog/1.jpg" alt="" class="img-responsive">
                                         <div class="overlay"><a href="sports.html">+</a></div>
                                      </div>
                                    </div>

                                    <div class="col-md-3">
                                      <h4>Players And Staff</h4>
                                      <div class="img-hover">
                                         <img src="img/blog/2.jpg" alt="" class="img-responsive">
                                         <div class="overlay"><a href="sports.html">+</a></div>
                                      </div>
                                    </div>

                                    <div class="col-md-3">
                                      <h4>Locations</h4>
                                      <div class="img-hover">
                                         <img src="img/blog/3.jpg" alt="" class="img-responsive">
                                         <div class="overlay"><a href="sports.html">+</a></div>
                                      </div>
                                    </div>
                                </div>
                            </li>
                            <li class="current">
                                 <a href="gallery-4-columns.html">Gallery</a>
                                <ul class="sub-current">
                                    <li>
                                        <a href="gallery-2-columns.html">Gallery 2 Columns</a>
                                    </li>
                                    <li>
                                        <a href="gallery-3-columns.html">Gallery 3 Columns</a>
                                    </li>
                                    <li>
                                        <a href="gallery-4-columns.html">Gallery 4 Columns</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="current">
                                <a href="#">Features</a>
                                <ul class="sub-current"> 
                                    <li class="current">
                                        <a href="#">Pages</a>
                                        <ul class="sub-current">                            
                                            <li><a href="page-full-width.html">Full Width</a></li>
                                            <li><a href="page-left-sidebar.html">Left Sidebar</a></li>
                                            <li><a href="page-right-sidebar.html">Right Sidebar</a></li>
                                            <li><a href="page-404.html">404 Page</a></li>
                                            <li><a href="page-faq.html">FAQ</a></li>
                                            <li><a href="sitemap.html">Sitemap</a></li>
                                         </ul>
                                    </li> 
                                    <li class="current">
                                        <a href="#">Headers</a>
                                        <ul class="sub-current">
                                            <li><a href="feature-header-1.html">Header Version 1</a></li>
                                            <li><a href="feature-header-2.html">Header Version 2</a></li>
                                            <li><a href="feature-header-3.html">Header Version 3</a></li>
                                        </ul>
                                    </li> 
                                    <li class="current">
                                        <a href="#">Footers</a>
                                        <ul class="sub-current">
                                            <li><a href="feature-footer-1.html#footer">Footer Version 1</a></li>
                                            <li><a href="feature-footer-2.html#footer">Footer Version 2</a></li>
                                            <li><a href="feature-footer-3.html#footer">Footer Version 3</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="feature-grid-system.html">Grind System</a></li>
                                    <li><a href="feature-typograpy.html">Tipograpy</a></li>
                                    <li><a href="feature-icons.html">Icons</a></li>
                                    <li><a href="feature-shortcodes.html">Shortcodes</a></li>
                                    <li class="current">
                                        <a href="#">Third Level</a>
                                        <ul class="sub-current">
                                            <li><a href="#">menu item</a></li>
                                            <li><a href="#">menu item</a></li>
                                            <li><a href="#">menu item</a></li>
                                        </ul>
                                    </li>
                                 </ul>
                            </li> 
                            <li class="current">
                                 <a href="single-news.html">News</a>
                                <ul class="sub-current">
                                    <li>
                                        <a href="news-left-sidebar.html">News Lef Sidebar</a>
                                    </li>
                                    <li>
                                        <a href="news-right-sidebar.html">News Right Sidebar</a>
                                    </li>
                                    <li>
                                        <a href="news-no-sidebar.html">News No Sidebar</a>
                                    </li>
                                    <li>
                                        <a href="single-news.html">Single News</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="contact.html">Contact</a>
                            </li> 
                        </ul>
                        <!-- End Menu-->
                    </div>
                </nav>
                <!-- End mainmenu-->
            </header>
            <!-- End Header-->
            
            <!-- Section Title -->           
            <section class="section-title img-about">
                <div class="overlay-bg"></div>
                <div class="container">
                    <h1>Club Teams</h1>
                </div>
            </section>
            <!-- End Section Title --> 

            <!-- Section Area - Content Central -->
            <section class="content-info">

                <div class="crumbs">
                    <div class="container">
                        <ul>
                            <li><a href="index-2.html">Home</a></li>
                            <li>/</li>
                            <li>Club Teams</li>                                       
                        </ul>
                    </div>        
                </div>

                <div class="semiboxshadow text-center">
                    <img src="img/img-theme/shp.png" class="img-responsive" alt="">
                </div>

                <!-- Content Central -->
                <div class="container padding-top">
                    <div class="row">
                        <!-- content Players --> 
                        <div class="col-md-12"> 
                            <!-- Content - Group A-->
                            <div class="panel-box">
                                <div class="titles">
                                    <h4>Group A.</h4>
                                </div>
                                <!-- Item club -->  
                                <div class="row clubs-teams">
                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/1.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 1</a></h4>
                                                <p>Lorem ipsum dolor sit amet,ectetur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 

                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/2.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 2</a></h4>
                                                <p>Lorem ipsum dolor sit amet, ctetur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 

                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/3.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 3</a></h4>
                                                <p>Lorem ipsum dolor sit amet, coetur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 

                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/4.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 4</a></h4>
                                                <p>Lorem ipsum dolor sit amet, contur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 
                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/5.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 5</a></h4>
                                                <p>Lorem ipsum dolor sit amet, contur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 
                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/6.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 6</a></h4>
                                                <p>Lorem ipsum dolor sit amet, contur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 
                                </div>
                                <!-- End Item club -->
                            </div>  
                            <!-- End Content - Group A-->

                            <!-- Content - Group B-->
                            <div class="panel-box">
                                <div class="titles">
                                    <h4>Group B.</h4>
                                </div>
                                <!-- Item club -->  
                                <div class="row clubs-teams">
                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/1.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 1</a></h4>
                                                <p>Lorem ipsum dolor sit amet,ectetur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 

                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/2.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 2</a></h4>
                                                <p>Lorem ipsum dolor sit amet, ctetur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 

                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/3.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 3</a></h4>
                                                <p>Lorem ipsum dolor sit amet, coetur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 

                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/4.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 4</a></h4>
                                                <p>Lorem ipsum dolor sit amet, contur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 
                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/5.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 5</a></h4>
                                                <p>Lorem ipsum dolor sit amet, contur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 
                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/6.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 6</a></h4>
                                                <p>Lorem ipsum dolor sit amet, contur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 
                                </div>
                                <!-- End Item club -->
                            </div>  
                            <!-- End Content - Group B-->

                            <!-- Content - Group C-->
                            <div class="panel-box">
                                <div class="titles">
                                    <h4>Group C.</h4>
                                </div>
                                <!-- Item club -->  
                                <div class="row clubs-teams">
                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/1.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 1</a></h4>
                                                <p>Lorem ipsum dolor sit amet,ectetur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 

                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/2.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 2</a></h4>
                                                <p>Lorem ipsum dolor sit amet, ctetur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 

                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/3.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 3</a></h4>
                                                <p>Lorem ipsum dolor sit amet, coetur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 

                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/4.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 4</a></h4>
                                                <p>Lorem ipsum dolor sit amet, contur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 
                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/5.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 5</a></h4>
                                                <p>Lorem ipsum dolor sit amet, contur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 
                                    <!-- Item clubs --> 
                                    <div class="col-sx-12 col-sm-6 col-md-4">
                                        <div class="item-clubs">
                                            <div class="img-clubs">
                                                <img src="img/clubs-team/6.png" alt="" class="img-responsive">
                                            </div>
                                            <div class="info-clubs">
                                                <h4><a href="#">Team 6</a></h4>
                                                <p>Lorem ipsum dolor sit amet, contur adipiscing elit.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Item clubs --> 
                                </div>
                                <!-- End Item club -->
                            </div>  
                            <!-- End Content - Group C-->
                        </div>
                    </div>                     
                </div>  
                <!-- End Content Central -->

                <!-- Sponsors -->
                <div class="section-wide">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="text-center">
                                    <h2>We have earned the trust of <span class="text-resalt">25,869</span> partners.</h2>
                                    <p>Duis non lorem porta,  eros sit amet, tempor sem. semper a tempus et.</p>
                                </div>
                                <ul id="sponsors" class="tooltip-hover">
                                    <li data-toggle="tooltip" title data-original-title="Name Sponsor"> <a href="#"><img src="img/sponsors/1.png" alt="Image"></a></li>
                                    <li data-toggle="tooltip" title data-original-title="Name Sponsor"> <a href="#"><img src="img/sponsors/2.png" alt="Image"></a></li>
                                    <li data-toggle="tooltip" title data-original-title="Name Sponsor"> <a href="#"><img src="img/sponsors/3.png" alt="Image"></a></li>
                                    <li data-toggle="tooltip" title data-original-title="Name Sponsor"> <a href="#"><img src="img/sponsors/4.png" alt="Image"></a></li>
                                    <li data-toggle="tooltip" title data-original-title="Name Sponsor"> <a href="#"><img src="img/sponsors/5.png" alt="Image"></a></li>
                                    <li data-toggle="tooltip" title data-original-title="Name Sponsor"> <a href="#"><img src="img/sponsors/3.png" alt="Image"></a></li>
                                    <li data-toggle="tooltip" title data-original-title="Name Sponsor"> <a href="#"><img src="img/sponsors/4.png" alt="Image"></a></li>
                                    <li data-toggle="tooltip" title data-original-title="Name Sponsor"> <a href="#"><img src="img/sponsors/3.png" alt="Image"></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>  
                <!-- End Sponsors -->  
            </section>
            <!-- End Section Area - Content Central -->
      
            <!-- footer-->
            <footer id="footer">
                <div class="container">

                    <!-- Wiguets Footer-->
                    <div class="row">

                        <!-- Twitter Wiguet-->
                        <div class="col-xs-12 col-sm-7 col-md-3 col-lg-4">
                            <div class="divisor-footer">
                                <i class="fa fa-twitter twit-list"></i>
                                <h4>Latest Tweet</h4>                     
                                <div id="twitter"></div>   
                            </div>
                        </div>
                        <!-- End Twitter Wiguet-->

                        <!-- Tags Wiguet-->
                        <div class="col-xs-12 col-sm-5 col-md-3 col-lg-3">
                            <div class="tags">                              
                                <h4>Tags</h4>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> corporate </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> theme </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> css3 </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> premium </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> html5 </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> business </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> all purpose </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> Js </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> muse </a>
                            </div>
                        </div>
                        <!-- End Tags Wiguet-->
                        
                        <!-- Links Wiguet-->
                        <div class="col-xs-12 col-sm-6 col-md-3 col-lg-2">                            
                            <h4>Recent Links</h4>
                            <ul class="links">
                                <li><i class="fa fa-check"></i> <a href="#">World Cup</a></li>
                                <li><i class="fa fa-check"></i> <a href="#">Teams Members</a></li>
                                <li><i class="fa fa-check"></i> <a href="#">Soccer Champion</a></li>
                                <li><i class="fa fa-check"></i> <a href="#">Champions</a></li>
                            </ul>                            
                        </div>
                        <!-- End Links Wiguet-->

                        <!-- flickr Wiguet-->
                        <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">                            
                            <h4>Recent flickr</h4>
                            <ul id="flickr" class="thumbs"></ul>                            
                        </div>
                        <!-- End flickr Wiguet-->
                    </div>
                    <!-- End Wiguets Footer-->

                    <!-- Social Icons-->
                    <div class="row">
                        <ul class="social">
                                <li>
                                    <div>
                                        <a href="#" class="facebook">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#" class="twitter-icon">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#" class="vimeo">
                                            <i class="fa fa-vimeo-square"></i>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#" class="google-plus">
                                            <i class="fa fa-google-plus"></i>
                                        </a>
                                    </div>
                                </li> 
                                <li>
                                    <div>
                                        <a href="#" class="youtube">
                                            <i class="fa fa-youtube"></i>
                                        </a>
                                    </div>
                                </li> 
                        </ul>
                    </div> 
                    <!-- End Social Icons-->

                </div>
            </footer>      
            <!-- End footer-->

            <!-- footer Down-->
            <div class="footer-down">
                <div class="container">
                    <div class="row">
                        <div class="col-md-5">
                            <p>&copy; 2014 WordCup . All Rights Reserved.  1995 - 2014</p>
                        </div>
                        <div class="col-md-7">
                            <!-- Nav Footer-->
                            <ul class="nav-footer">
                                <li><a href="#">HOME</a> </li>
                                <li><a href="#">EVENTS</a></li>
                                <li><a href="#">TEAM</a></li> 
                                <li><a href="#">GALLERY</a></li> 
                                <li><a href="#">SPORT</a></li>                
                                <li><a href="#">CONTACT</a></li>
                            </ul>
                            <!-- End Nav Footer-->
                        </div>
                    </div>
                </div>
            </div>
            <!-- footer Down-->

        </div>
        <!-- End layout-->

        <!-- ======================= JQuery libs =========================== -->
        <!-- jQuery local--> 
        <script src="js/jquery.js"></script>                
        <!--Nav-->
        <script type="text/javascript" src="js/nav/tinynav.js"></script> 
        <script type="text/javascript" src="js/nav/hoverIntent.js"></script>   
        <script type="text/javascript" src="js/nav/superfish.js"></script> 
        <script src="js/nav/jquery.sticky.js" type="text/javascript"></script>    
        <!--Totop-->
        <script type="text/javascript" src="js/totop/jquery.ui.totop.js" ></script>  
        <!--Accorodion-->
        <script type="text/javascript" src="js/accordion/accordion.js" ></script>  
        <!--Slide-->
        <script type="text/javascript" src="js/slide/camera.js" ></script>      
        <script type='text/javascript' src='js/slide/jquery.easing.1.3.min.js'></script>  
        <!-- Maps -->
        <script src="js/maps/gmap3.js"></script>             
        <!--Ligbox--> 
        <script type="text/javascript" src="js/fancybox/jquery.fancybox.js"></script> 
        <!-- carousel.js-->
        <script src="js/carousel/carousel.js"></script>
        <!-- Filter -->
        <script src="js/filters/jquery.isotope.js" type="text/javascript"></script>
        <!-- Twitter Feed-->
        <script src="js/twitter/jquery.tweet.js"></script> 
        <!-- flickr Feed-->
        <script src="js/flickr/jflickrfeed.min.js"></script> 
        <!-- Counter -->
        <script src="js/counter/jquery.countdown.js"></script>      
        <!--Theme Options-->
        <script type="text/javascript" src="js/theme-options/theme-options.js"></script>
        <script type="text/javascript" src="js/theme-options/jquery.cookies.js"></script> 
        <!-- Bootstrap.js-->
        <script type="text/javascript" src="js/bootstrap/bootstrap.js"></script> 
        <!--MAIN FUNCTIONS-->
        <script type="text/javascript" src="js/main.js"></script>
        <!-- ======================= End JQuery libs =========================== -->
 
    </body>
</html>